<template>
  <div>
    <h2>预览{{ baseUrl }}</h2>
    <div>
      <div v-for="name in fileNames" :key="name">
        <el-image :src="name" lazy></el-image>
      </div>
    </div>
  </div>
</template>

<script lang="js">
import { defineComponent } from "vue";

export default defineComponent({
  name: "ImageContainer",
  props: {
    baseUrl: String,
    fileNames: Array,
  },
  setup() {},
});
</script>

<style scoped>
.demo-image__lazy .el-image {
  display: block;
  min-height: 200px;
  margin-bottom: 10px;
}
</style>
